<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>发布商品</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<script src="../js/mui.min.js"></script>
		<link rel="stylesheet" href="../css/mui.min.css">
	</head>
	<style>
		.input_div input{
			position: absolute;
			right: 0;
			top:0;
			width: 0px;
			height: 0px;
			opacity: 0;/*透明度设置（0--1），0为透明，1为不透明*/
			cursor: pointer;
		}
		.picture_div{
			width:90px;
			height:100px;
			border-radius: 10px;
		}
		.picture_div img{
			width:100%;
			height:100%;
		}
	</style>
	<body>
		<div class="mui-navbar-inner mui-bar mui-bar-nav" style="background: linear-gradient(#a1e38c,#fff);">
			<span id="back" class="mui-icon mui-icon-closeempty"></span>
			<h1 class="mui-title">发布商品</h1>
		</div>
		<div class="mui-content" style="padding-left:10px;padding-right:10px;"/>
			<input id="issueTitle" placeholder="输入标题" style="width:100%;padding:20px;margin:10px 0;height:40px;"/>
			<select class="type_list" data-am-selected="{btnWidth: 90, btnSize: 'sm', btnStyle: 'default'}">
				<option disabled="disabled">选择商品类型</option>
			</select>
			<div style="background-color: #fff;padding:10px;height:100%;">
				<textarea id="issueDescribe" rows="10" maxlength="200" onchange="this.value=this.value.substring(0, 200)" onkeydown="this.value=this.value.substring(0, 200)" onkeyup="this.value=this.value.substring(0, 200)" placeholder="200字描述一下,这个商品怎么样？" style="border:none;"></textarea>
				<!-- <form id="uploadForm" enctype="multipart/form-data" class="mui-col-xs-12">
					<div id="input_div" class="input_div">
						<input type="file" id="addpicture" name="file" value="选择照片"/>
					</div>
				</form> -->
				<form id="uploadForm" class="input_div" enctype="multipart/form-data">
				  <input type="file" id="addpicture" accept="image/*" name="file" value="选择图片"> 
				</form>
				<div id="picture_box" class="mui-row">
					<div id="upload_picture" class="picture_div  mui-col-xs-4" style="background-color: #F3F2F2;">
						<span style="font-size:80px;" class="mui-icon mui-icon-plusempty"></span><br/>
						<span style="font-size:12px;margin-left:15px;">上传照片</span>
					</div>
				</div>
				<button id="publish_product" style="margin:20px 0;width:100%;height:40px;background-color: #65ce77;border:none;">点击发布</button>
			</div>
		</div>
	</body>
	<script src="../jquery.mobile-1.4.5/jquery-1.8.3.min.js"></script>
	<script src="../js/ajax.js"></script>
	<script src="../js/conf.js"></script>
	<script src="../js/jquery.cookie.js"></script>
	<script src="../js/image_compress.js"></script>
	<script src="../js/publish-product.js"></script>
	<script>
		$(function(){
			mui.init({});
			// $(".mui-content").height($(window).height());
			$("#back").click(function(){
				mui.back();//返回上一级页面
			});
		});
	</script>
</html>
